<script setup lang="ts">
import { reactive } from 'vue'
import { containerStyle, tagStyle } from './style'

defineOptions({
  name: 'RichText',
})

// 传入参数
//   const props = defineProps({
//     domain: {
//       type: String,
//       default: '',
//     },
//   })

// 状态参数
const state = reactive({
  domain: '',
})

// 双向绑定
const value = defineModel<string>({ required: true })
</script>

<template>
  <mp-html
    :domain="state.domain"
    :content="value"
    :container-style="containerStyle"
    :tag-style="tagStyle"
    scroll-table
  />
</template>

<style lang="scss" scoped>
  //
</style>
